<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>提交订单</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="../css/mui.css"/>
    <!-- 字体图标 -->
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/submit_order.css" />
</head>
<body>
	<!--顶部带返回导航-->
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">提交订单</h1>
	</header>
	<!--内容-->
	<div class="top-up-wrap">
		<form action="#" method="post">
			<ul class="mui-table-view top-up-money">
			    <li class="mui-table-view-cell">提示：请在24小时内完成在线支付，逾期将视为订单无效</li>
			</ul>
			<ul class="mui-table-view top-up-deal">
				<li class="mui-table-view-cell"></li>
				<li class="mui-table-view-cell">您的订单号：<span id="">1298451221</span></li>
			    <li class="mui-table-view-cell">应付金额：<label><span>￥</span>598.00</labet></li>
			</ul>
			<ul class="mui-table-view top-up-way">
				<li class="mui-table-view-cell"></li>
				<li class="mui-table-view-cell li">请选择充值方式</li>
			    <li class="mui-table-view-cell mui-media">
		            <div class="mui-pull-left mui-media-object"><i class="mui-icon iconfont icon-weixinzhifu"></i></div>
		            <div class="mui-media-body mui-pull-left">微信
		                <p class="mui-ellipsis">亿万用户的选择，更快更安全</p>
		            </div>
		            <div class="mui-pull-right payment-type">
		                <input type="checkbox" name="" id="r1" class="magic-checkbox" /><label for="r1"></label>
		            </div>
			    </li>
			    <li class="mui-table-view-cell mui-media">
		            <div class="mui-pull-left mui-media-object"><i class="mui-icon iconfont icon-zhifubao"></i></div>
		            <div class="mui-media-body mui-pull-left ">支付宝
		                <p class="mui-ellipsis">客户端支持最便捷！可银行卡支付！</p>
		            </div>
		            <div class="mui-pull-right payment-type">
		               <input type="checkbox" name="" id="r2" class="magic-checkbox" /><label for="r2"></label>
		            </div>
			    </li>
			   <li class="mui-table-view-cell mui-media">
		            <div class="mui-pull-left mui-media-object"><i class="mui-icon iconfont icon-yinhangqia"></i></div>
		            <div class="mui-media-body mui-pull-left ">银行卡
		                <p class="mui-ellipsis">需要先开通网银</p>
		            </div>
		            <div class="mui-pull-right payment-type">
		                <input type="checkbox" name="" id="r3" class="magic-checkbox" /><label for="r3"></label>
		            </div>
			   </li>
			</ul>
			<div style="text-align: center">
				<button type="submit" class="next-step">下一步</button>
			</div>
		</form>
	</div>
    <script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	mui.init();
    </script>
</body>
</html>
